import React from 'react';
import ComponentA from "./components/atom";
import ComponentAState from "./components/atomState";
import ComponentASetState from "./components/atomSetState";
import ComponentALoadableState from "./components/atomLoadableState";
import SelectorDemo from "./components/selector";
import TodoList from "./components/todoList";


function App() {
    console.log('-rendered App-');


    return (
        <div className="container">
            <h2>FB官方推出的新一代状态管理库 - <a href="https://www.recoiljs.cn/" target="_blank">Recoil</a></h2><br />
            <ComponentA />
            <ComponentASetState />
            <ComponentAState />
            <ComponentALoadableState />
            <SelectorDemo />
            <TodoList />
        </div>
    );

}

export default App;
